<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Info</title>

    <!-- BEGIN THEME STYLES -->
	<?php echo $this->Html->css(array('bootstrap.min','blog','style','font-awesome','owl.carousel')) ;?>
    <!-- END THEME STYLES -->
	
</head>
<body>
    <!-- BEGIN HEADER -->
    <?php echo $this->element('header') ?>
    <!-- END HEADER -->
	<div class="blog_banner"><!--  banner -->
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						<h1>THE BLOG</h1>
						<p>Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi scripserit,
						tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip dolores.</p>
					</div>
				</div>
			</div>
		
	</div><!-- end banner -->

	<div class="blog_info">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
					<h1>LASTEST BLOG ARTICLES</h1>

					<div class="info">
						<div class="row">
							<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 no_padding_right">
								<div class="date">
									<p>16</p>
									<p>JUNE</p>
								</div>
							</div>

							<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
								<p class="title">Advantages of Flat Designs From a Developers Perfective</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<?php echo $this->Html->image('images/up.png')?>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<p class="content">
									Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi 
scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip do
lores. Odio aliquid pri at, cum impetus eruditi singulis ad ...
								</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<ul class="social1">
									<li><a target="_blank" href="http://facebook.com" rel="nofollow"><i class="fa fa-facebook fa-2x"></i></a></li>
									<li><a target="_blank" class="active" href="http://twitter.com" rel="nofollow"><i class="fa fa-twitter fa-2x"></i></a></li>

                                   
                                    <li><a target="_blank" href="http://instagram.com" rel="nofollow"><i class="fa fa-instagram fa-2x"></i></a></li>
									 <li><a target="_blank" href="http://vimeo.com" rel="nofollow"><i class="fa fa-vimeo-square fa-2x"></i></a></li>
                                    
                                    
                                </ul>
							</div>

							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<a class="read_more" href="">Read More</a>
							</div>
						</div>
					</div>

					<div class="info">
						<div class="row">
							<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 no_padding_right">
								<div class="date">
									<p>16</p>
									<p>JUNE</p>
								</div>
							</div>

							<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
								<p class="title">Advantages of Flat Designs From a Developers Perfective</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<?php echo $this->Html->image('images/up1.png') ?>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<p class="content">
									Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi 
scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip do
lores. Odio aliquid pri at, cum impetus eruditi singulis ad ...
								</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<ul class="social1">
									<li><a target="_blank" href="http://facebook.com" rel="nofollow"><i class="fa fa-facebook fa-2x"></i></a></li>
									<li><a target="_blank" class="active" href="http://twitter.com" rel="nofollow"><i class="fa fa-twitter fa-2x"></i></a></li>

                                   
                                    <li><a target="_blank" href="http://instagram.com" rel="nofollow"><i class="fa fa-instagram fa-2x"></i></a></li>
									 <li><a target="_blank" href="http://vimeo.com" rel="nofollow"><i class="fa fa-vimeo-square fa-2x"></i></a></li>
                                    
                                    
                                </ul>
							</div>

							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<a class="read_more" href="">Read More</a>
							</div>
						</div>
					</div>


					<div class="info">
						<div class="row">
							<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 no_padding_right">
								<div class="date">
									<p>16</p>
									<p>JUNE</p>
								</div>
							</div>

							<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
								<p class="title">Advantages of Flat Designs From a Developers Perfective</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<?php echo $this->Html->image('images/up2.png')?>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<p class="content">
									Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi 
scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip do
lores. Odio aliquid pri at, cum impetus eruditi singulis ad ...
								</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<ul class="social1">
									<li><a target="_blank" href="http://facebook.com" rel="nofollow"><i class="fa fa-facebook fa-2x"></i></a></li>
									<li><a target="_blank" class="active" href="http://twitter.com" rel="nofollow"><i class="fa fa-twitter fa-2x"></i></a></li>

                                   
                                    <li><a target="_blank" href="http://instagram.com" rel="nofollow"><i class="fa fa-instagram fa-2x"></i></a></li>
									 <li><a target="_blank" href="http://vimeo.com" rel="nofollow"><i class="fa fa-vimeo-square fa-2x"></i></a></li>
                                    
                                    
                                </ul>
							</div>

							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<a class="read_more" href="">Read More</a>
							</div>
						</div>
					</div>


					<div class="info">
						<div class="row">
							<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 no_padding_right">
								<div class="date">
									<p>16</p>
									<p>JUNE</p>
								</div>
							</div>

							<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
								<p class="title">Advantages of Flat Designs From a Developers Perfective</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<?php echo $this->Html->image('images/up3.png') ?>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<p class="content">
									Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi 
scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip do
lores. Odio aliquid pri at, cum impetus eruditi singulis ad ...
								</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<ul class="social1">
									<li><a target="_blank" href="http://facebook.com" rel="nofollow"><i class="fa fa-facebook fa-2x"></i></a></li>
									<li><a target="_blank" class="active" href="http://twitter.com" rel="nofollow"><i class="fa fa-twitter fa-2x"></i></a></li>

                                   
                                    <li><a target="_blank" href="http://instagram.com" rel="nofollow"><i class="fa fa-instagram fa-2x"></i></a></li>
									 <li><a target="_blank" href="http://vimeo.com" rel="nofollow"><i class="fa fa-vimeo-square fa-2x"></i></a></li>
                                    
                                    
                                </ul>
							</div>

							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<a class="read_more" href="">Read More</a>
							</div>
						</div>
					</div>

					<div class="info">
						<div class="row">
							<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 no_padding_right">
								<div class="date">
									<p>16</p>
									<p>JUNE</p>
								</div>
							</div>

							<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
								<p class="title">Advantages of Flat Designs From a Developers Perfective</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<?php echo $this->Html->image('images/up4.png'); ?><!--here-->
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
								<p class="content">
									Lorem ipsum dolor sit amet, his interesset concludaturque te, id pro timeam efficiendi 
scripserit, tempor eleifend rationibus vel eu. Alia ludus eruditi id has, ei mei aliquip do
lores. Odio aliquid pri at, cum impetus eruditi singulis ad ...
								</p>
							</div>
						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<ul class="social1">
									<li><a target="_blank" href="http://facebook.com" rel="nofollow"><i class="fa fa-facebook fa-2x"></i></a></li>
									<li><a target="_blank" class="active" href="http://twitter.com" rel="nofollow"><i class="fa fa-twitter fa-2x"></i></a></li>

                                   
                                    <li><a target="_blank" href="http://instagram.com" rel="nofollow"><i class="fa fa-instagram fa-2x"></i></a></li>
									 <li><a target="_blank" href="http://vimeo.com" rel="nofollow"><i class="fa fa-vimeo-square fa-2x"></i></a></li>
                                    
                                    
                                </ul>
							</div>

							<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
								<a class="read_more" href="">Read More</a>
							</div>
						</div>
					</div>
				</div>

				<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
					<h1>LASTEST NEW</h1>

					<div class="search">
                        <input class="search-text" type="text" value="search...">
                        <input class="search-button" type="button" value="" name="submit">
                        <p>
                        	Oportere salutatus interpretaris te nam, talest scripserit comprehensam vim cu. 
                        </p>
                    </div>

                    <div class="lastestnew">
                    	<?php echo $this->Html->image('images/lastestnew.png'); ?>
                    	<p class="title">
                    		Team Update: Endeavor, MaGIC, Cheryl and President Obama
                    	</p>
                    	<p class="date">
                    		Apr 23, 2014 by Admin
                    	</p>
                    	<hr>
                    </div>

                     <div class="lastestnew">
                     	<?php echo $this->Html->image('images/lastestnew1.png'); ?>
                    	<p class="title">
                    		Team Update: Endeavor, MaGIC, Cheryl and President Obama
                    	</p>
                    	<p class="date">
                    		Apr 23, 2014 by Admin
                    	</p>
                    	<hr>
                    </div>


                     <div class="lastestnew">
                     	<?php echo $this->Html->image('images/lastestnew2.png'); ?>
                    	<p class="title">
                    		Team Update: Endeavor, MaGIC, Cheryl and President Obama
                    	</p>
                    	<p class="date">
                    		Apr 23, 2014 by Admin
                    	</p>
                    	<hr>
                    </div>


                     <div class="lastestnew">
                     	<?php echo $this->Html->image('images/lastestnew3.png'); ?>
                    	<p class="title">
                    		Team Update: Endeavor, MaGIC, Cheryl and President Obama
                    	</p>
                    	<p class="date">
                    		Apr 23, 2014 by Admin
                    	</p>
                    	<hr>
                    </div>


                     <div class="lastestnew">
                     	<?php echo $this->Html->image('images/lastestnew4.png'); ?>
                    	<p class="title">
                    		Team Update: Endeavor, MaGIC, Cheryl and President Obama
                    	</p>
                    	<p class="date">
                    		Apr 23, 2014 by Admin
                    	</p>
                    	
                    </div>
				</div>

			</div>
		</div>
	</div>
	
	<!-- touch -->
		<?php echo $this->element('touch'); ?>
	<!-- end touch -->
	<!-- BEGIN FOOTER-->
		<?php echo $this->element('footer'); ?>
	<!-- END FOOTER-->
<!-- BEGIN SLIDER -->
	<?php echo $this->Html->script(array('jquery-1.9.1.min', 'bootstrap.min', 'owl.carousel', 'custom')) ;?>
    <!-- END SLIDER -->
</body>
</html>